<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery的使用</title>
</head>
<body>
    <div id="mydiv">DOM对象：通过js方式获取的元素对象</div>
    <div id="jquery">jquery对象：通过jQuery方法获取的对象，返回的是jQuery包装集</div>
    <script src="js/jquery-3.5.1.min.js" type="text/javascript"></script>
    <script>
        // dom对象
        var divdom = document.getElementById("mydiv");
        console.log(divdom);
        //jquery对象
        var divjquery = $("#jquery");
        var divjquery2 = $(".jquery");
        console.log(divjquery);
        console.log(divjquery2)//元素不存在，输出空集合
        console.log("=================")
        var divdomtojquery = $(divdom)//dom对象转jquery对象
        console.log(divdomtojquery)
        console.log("=================")
        var jquerytodivdom = divdomtojquery[0]//jquery对象转dom对象
        console.log(jquerytodivdom)
        console.log("=================")
    </script>
</body>
</html>